


#barraMenu{
position:relative;
float:left;
left:0%;
width:100%;
height:78px;
top:0;
border:1px solid deeppink;
background-color:navy;
}
#slogan{
 position:absolute;
float:left;
left:0px;
width:20%;
height:100%;
top:0%;
border:1px solid thistle;
background-color: white;
}
#identidade{
position:relative;
float:left;
left:33.5%;
width:50%;
height:90%;
top:10%;
border:1px solid thistle;


	

}

#corpo{
position:relative;
width:900px;
height:8000px;
margin:0 auto;
top:80px;


background-color:white;

}
#pet{
    
    position:absolute;
    float:left;
    left:210px;
    top:5px;
    font-size:50px;
    font-family:monospace;
    color:white;
    background-color: navy;
  
}

#social{
    
    position:absolute;
    float:left;
    left:290px;
    top:22px;
    font-size:25px;
    font-family:monospace;
    color:deeppink;
  
 
}

#fotoGato{
    width: 60px;
    height: 60px;
}
#fotoCahorro{
     width: 60px;
    height: 60px;
}

#fotoFemea{
    width: 30px;
    height: 30px;
}
#fotoMacho{
   width: 30px;
    height: 30px; 
}

#esquerda{
     position:absolute;
    float:left;
    left:9px;
    top:90px;
    width: 225px;
    height: 575px;
    color:deeppink;
    border:1px solid deeppink;
}

#direita{
     position:absolute;
    float:left;
    left:1125px;
    top:90px;
    width: 216px;
    height: 575px;
    color:deeppink;
    border:1px solid deeppink;
}